﻿* { padding:0; margin:0; outline:0; }
body {font-family: arial, Verdana, sans-serif;font-size:12px;line-height:14px;}
input, textarea, select { font-family: Verdana, sans-serif; font-size:12px; }
textarea { overflow:hidden; }
ul, li {list-style:none outside none;}
a{text-decoration:none; cursor:pointer;}
img{border:none}
fieldset {border: 1px solid #C0C0C0;border-radius: 2px 2px 2px 2px;height: 1%;}
.clearfix:after {visibility: hidden;display: block;font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.nl{float:left;} .nr{float:right;} .cl{clear:both;}

.wrapper{ width:1000px; margin:0 auto;}

#middlesite{ min-height:550px;}  

#header{ background:url(/Images/gpmb.jpg) top center no-repeat; height: 150px;}

#mainNav{ float:left; height:32px; line-height:32px; background:#606060; width:100%;}
#mainNav ul{margin-left:25px;}
#mainNav ul li{float:left; text-transform:uppercase; position:relative;}
#mainNav ul li a{padding: 0px 5px; display:inline-block; font-weight:bold; color:#FFF; margin-top:2px; height:30px;}
#mainNav ul li a:hover{background:#9EE0FF; }
#mainNav ul li a.active{ background:#0041AC;}
#mainNav ul li ul{position:absolute;display:none;width:200px; margin:0px; padding-right:2px;}
#mainNav ul li ul li{float:none; margin:-2px 2px 2px 0px; padding:0px; background:#CACCD1; height:32px;}
#mainNav ul li ul li a{background:#8E8E8E; width:100%; border-bottom:1px solid #7291DB;height:31px; margin:0px;}
#mainNav ul li:hover ul{display:block;top:100%; left:0;}
#login a{color:#FFF; font-weight:bold; margin:0px 5px;}
#login a:hover{color:#AbAbAb; text-decoration:underline;}

.box-title{font-weight:bold; color:#000;background:#F6F6F6; height:30px; line-height:30px;font-size:14px;padding:0px 8px;border-bottom:1px solid #c3c3c3;}
.box-title-a{font-weight:bold; color:#000;background:#F6F6F6; height:24px; line-height:24px;font-size:11px;padding-left:8px;margin-top:2px; border:1px solid #c3c3c3;}
.ddl-typeCompensation{font-weight:normal; line-height:30px; font-size:12px; margin:2px 10px; border:none;}
.treeview{float:left; width:"100%";}
#sidebar{width:220px; border:1px solid #C3C3C3;}
#childNav{ margin-bottom:8px;}
#childNav ul li{height:30px; line-height:30px; background:#2C7AF7;border-bottom:1px solid #C3C3C3;}
#childNav ul li:hover{background:#AEC5FC}
#childNav ul li a{color:#FFF;margin-left:8px;}

/*-------------------*/
.treetable {background:#FFF;}
.treetable th{ background:#fffdfa url(/images/th.gif) repeat-x 0 0; color:#818181; text-align: center; padding:0px 0px; border-bottom:solid 1px #d2d1cb;}
.treetable td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:0px 0px;}
.treetable tr.odd td{ background:#f8f8f8; }
.treetable tr:hover td{ background:#fff9e1; }
.treetable a.ico{ }

/* style content page */
.content{width:986px; border:1px solid #C3C3C3; padding:3px 6px; background:url('/Images/body-bg.jpg') top left repeat-x;}
.mainContent{width:758px; background:#FFF;}

.table {border:1px solid #C3C3C3; background:#FFF;}
.table th{ background:#fffdfa url(/images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:5px 3px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:5px 3px; }
.table tr.odd td{ background:#E8E8E8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }
/*----------------------------------*/
.div_add{float: right; padding-right:5px; padding-top:0px;}
.div_add a{text-decoration:none;}
.div_add a:hover{text-decoration:underline; color:Orange;}
/*--------------------------------------------*/

#bottomsite{border-top:1px solid #C3C3C3; margin-top:2px; padding-top:3px;}
.footer{text-align:center;}
/*-------------------------------------------*/
.boxleft
{
    float:left;
    width:200px;
    margin:1px;
    
}

.boxright
{
    float:left;
    width:780px;
    margin:1px;
}

.setinfo{background:#F6F6F6; border:1px solid #C3C3C3;}
.setinfo ul li{height:24px; line-height:24px; padding:2px; vertical-align:middle;}
.setinfo ul li:hover{background:#fff9e1;}